.content-box-top{
	width: 100%;
	height: 550rpx;
	float: left;
	background-image: url("../../static/training/bg-img.png");
	background-size: 100% 100%;
}
.content-box-top-px{
	width: 100%;
	height: 500rpx;
	float: left;
	background-image: url("../../static/training/bg.png");
	background-size: 100% 100%;
	.t1{
		width: 100%;float: left;height: auto;margin-top: 100rpx;
	}
	.t2{
		width: 30%;float: left;float: left;margin-top: 70rpx;margin-left: 5%;
	}
	.t3{
		width: 100%;float: left;font-size: 48rpx;font-weight: bold;
	}
	.t4{
		width:100%;float: left;font-size: 26rpx;margin-top: 40rpx;
	}
	.img{
		width: 50%;float: left;margin-left: 10%;
	}
	.t5{
		width: auto;float: left;margin-left: 5%;
	}
	.t6{
		width: auto;text-align: center;font-weight: bold;font-size: 30rpx;
	}
	.def{
		font-size: 23rpx;line-height: 42rpx;
	}
	.se{
		width: 40rpx;background: #2B599D;height: 4rpx;margin-left: 15rpx;margin-top: 10rpx;margin: auto auto;
	}
}
.px_item{
	width: 92%;
	margin-left: 4%;
	float: left;
	height: 290rpx;
	background-image: url("../../static/px/bg.png");
	background-size: 100% 290rpx;
	.t1{
		width: 100%;float: left;height: 50rpx;
	}
	.t2{
		width: 90%;float: left;margin-left: 5%;font-weight: 35rpx;font-weight: bold;
	}
	.t3{
		width: 90%;float: left;margin-left: 5%;font-size: 25rpx;color:#A8B0B9;margin-top: 20rpx;
	}
	.t4{
		margin-top: 20rpx;margin-left: 6%;border-top: 3rpx dashed #c6c6c6;line-height: 60rpx;
	}
	.lable{
		font-size: 22rpx;
		text-align: center;
		width: 130rpx; 
		color: white;
		float: right;
		line-height: 50rpx;
		border-top-right-radius: 15rpx;
		margin-top:10rpx;
		margin-right: 10rpx;
		border-bottom-left-radius: 15rpx;
	}
	.more{
		width: 15rpx;margin-left: 20rpx;margin-top: 18rpx;float: left;
	}
	.lable_c1{
		background: #F78F42;
	}
	.lable_c2{
		background: #1CB684;
	}
	.t_lable{
		font-size: 22rpx;padding-left: 10rpx;padding-right: 10rpx;line-height: 30rpx;float: left;border-radius: 10rpx;margin-left: 10rpx;
	}
	.tl1{
		border: 3rpx solid #D65568;
		color: #D65568;
	}
	.tl2{
		border: 3rpx solid #406AB2;
		color: #406AB2;
	}
}
.lx_item{
	width: 92%;
	margin-left: 4%;
	float: left;
	height: 250rpx;
	background-image: url("../../static/training/zsd.png");
	background-size: 100% 250rpx;
	.t1{
		width: 100%;float: left;height: 50rpx;
	}
	.t2{
		width: 90%;float: left;margin-left: 5%;font-weight: 35rpx;font-weight: bold;
	}
	.t3{
		width: 90%;float: left;margin-left: 5%;font-size: 25rpx;color:#A8B0B9;margin-top: 20rpx;
	}
	
	.lable{
		font-size: 22rpx;
		text-align: center;
		width: 130rpx; 
		color: white;
		float: right;
		line-height: 50rpx;
		border-top-right-radius: 15rpx;
		margin-top:10rpx;
		margin-right: 10rpx;
		border-bottom-left-radius: 15rpx;
	} 
	.lable_c1{
		background: #4189FE;
	}
	.lable_c2{
		background: #F99042;
	}
	.lable_c3{
		background: #3FCE9E;
	}
	.lable_c4{
		background: #FCCF5B;
	}
	.t_lable{
		font-size: 22rpx;padding-left: 10rpx;padding-right: 10rpx;line-height: 30rpx;float: left;border-radius: 10rpx;margin-left: 10rpx;
	}
	.tl1{
		border: 3rpx solid #F93B4A;
		color: #F93B4A;
	}
	.tl2{
		border: 3rpx solid #BF8B5E;
		color: #BF8B5E;
	}
}
.tr_info{
	height:200rpx;
}
.mtop20{
	margin-top: -150rpx;background: white;opacity: 0.88;border-radius: 20rpx; 
	.status{
		width: 100%;line-height: 37rpx;height: 37rpx;text-align: right;font-size: 25rpx;
	}
	.ing{
		color: #07A773;padding-right: 10rpx;
	}
	.title{
		font-size: 33rpx; 
		font-weight: bold;
		margin-top: 10rpx;
	}
	.bianhao{
		width: 320rpx;float: left;
		border:#07A773 3rpx solid;
		height: 45rpx;margin-top: 20rpx;
		color: #07A773;
		border-radius: 10rpx;
		font-size: 23rpx;
		line-height: 40rpx;
		overflow: hidden;
		.b_lable{
			background: #07A773;color: white;float: left;height: 45rpx;text-align: center;line-height: 45rpx;
			width: 100rpx;
		}
		.b_no{
			float: left;width: 210rpx;text-align: center;
		}
	} 
}
.qd_info{
	background: white;height: auto; 
	border-radius: 15rpx;margin-top: 20rpx;
	.item{
		width:100%;
		float: left; 
		.item_1{
			width:50%;
			float: left;
			margin-top: 30rpx;
			.item_1_1{
				font-size: 30rpx;
				margin-top:20rpx;
			}
			.item_1_2{
				font-size: 25rpx;
				margin-top: 15rpx;
			}
		}
		.img{
			float: left;margin-left: 8rpx;width: 30rpx;
		}
		.nums{
			float: left;margin-left: 15rpx;font-size: 23rpx;
		}
		.hdmg{
			float: right;margin-left: 8rpx;width: 200rpx;
		}
		.item_1_3{
			width: 80%;
			margin-top: 20rpx;
		}
		.qupx{
			width: 120rpx;height: 50rpx;line-height: 50rpx;text-align: center;color: white;background: #5599FD;border-radius: 20rpx;float: right;font-size: 22rpx;
			margin-top: -30rpx;
			margin-right: -80rpx;
		} 
	}
}
.info_kejian_info{
	width: 100%;
	float: left;
	height: 70rpx;
	line-height: 70rpx; 
	font-size: 24rpx;
	margin-top: 20rpx; 
	.item{
		width: 50%;
		float: left;
		text-align: center;
	}
	.se{
		font-size: 30rpx;
	}
}
.info_kejian_info_detail{
	width: 100%;border-top: #cccccc 3rpx solid;float: left;margin-top: 7rpx;
	.item{
		width: 41%;float: left;height: 120rpx;background: #F5F7FA;margin-top: 20rpx;margin-left: 6%;border-radius: 15rpx;
		.img_01{
			width:30rpx;margin-top: 30rpx;
		}
		.b1{
			width: 30%;float: left;height: 120rpx;text-align: center;line-height: 120rpx;
		}
		.b2{
			width: 70%;float: left;height: 120rpx;line-height: 120rpx;
			.d1{
				width:100%;float: left;height: 60rpx;line-height: 60rpx;font-size: 23rpx;color: #666666;
			}
			.d2{
				width:100%;float: left;height: 40rpx;line-height: 40rpx;font-size: 26rpx;
			}
		}
	}
	
}
 .kf_item_b1{
	 width: 30rpx;float: left;margin-left: 20rpx;height: 30rpx;border-radius: 30rpx;background: #DDEFEC;
 }
 .kf_item_b2{
 	 width: 20rpx;float: left;margin-top: 5rpx;margin-left: 6rpx;
 }
 .kf_item_b3{
 	width: 100%;height: 40rpx;float: left;margin-top: -35rpx;color: #c6c6c6;font-size: 22rpx;
 }
 .kf_item_b4{
 	 float: left;line-height: 40rpx;margin-left: 60rpx;
 }
 .kf_item_b5{
 	float: right;margin-right: 20rpx;
 }
 .ks_item_01{
	 width: 70%;float: left;height: 120rpx;
	 .title{
		 width: 90%;float: left;height: 80rpx;line-height: 80rpx;font-size: 30rpx;margin-left: 5%;
	 }
	 .msg{
		 width: 90%;float: left;height: 20rpx;line-height: 20rpx;font-size: 20rpx;margin-left: 5%;color: #c6c6c6;
	 }
	 .info{
		 width: 90%;float: left;height: 120rpx;line-height: 120rpx;font-size: 30rpx;margin-left: 5%;
	 }
 }
 .ks_item_02{
	 width: 30%;float: left;height: 120rpx;
	 .btn{
		 width: 120rpx;border: #1C67FE 3rpx solid;border-radius: 20rpx;color: #1C67FE;height: 50rpx;text-align: center;margin-top: 40rpx;font-size: 28rpx;line-height: 50rpx;
	 }
	 
 }
 .se_box{
	 width: 30rpx;background:#5599FD;margin: auto auto;height: 8rpx;border-radius: 7rpx;
 }
 
 .kejie_info{
  width: 92%;float: left;margin-left: 4%;
  .k_title{
	  width: 94%;float: left;margin-top: 20rpx;margin-left: 3%;line-height: 40rpx;font-size: 34rpx;
	  .kt_1{
		  width: 5rpx;background: #5576DF;float: left;height: 20rpx;margin-top: 13rpx;
	  }
	  .kt_2{
		  margin-left: 10rpx;float: left;
	  }
  }
  .k_item{
	  width: 94%;float: left;margin-top: 20rpx;margin-left: 3%;
  }
  .ki{
	  width: 100%;height: 40rpx;float: left;
	  .ki1{
		  width: 100%;float: left;
	  }
	  .ki2{
		  width: 200rpx;float: left;font-size: 28rpx;
	  }
	  .ki3{
		  width: 100%;float: left;margin-top: 5rpx;
	  }
	  .over{
		  float: right;font-size: 28rpx;background: #189867;color: white;padding-left: 8rpx;padding-right: 8rpx;font-size: 22rpx;line-height: 38rpx;border-radius: 10rpx;
	  }
	  .ing{
		 float: right;font-size: 28rpx;background: #99812B;color: white;padding-left: 8rpx;padding-right: 8rpx;font-size: 22rpx;line-height: 38rpx;border-radius: 10rpx; 
	  }
	  .un{ 
		float: right;font-size: 28rpx;background: #C1C1C1;color: white;padding-left: 8rpx;padding-right: 8rpx;font-size: 22rpx;line-height: 38rpx;border-radius: 10rpx;
	  }
	  .c1{
		  color:#2044CC;font-weight: bold;
	  }
  }
  .k_img_box{
	  width: 40%;height: 160rpx;float: left;
	  .k_img{
		  width: 100%;height: 150rpx;float: left;
	  }
	  .k_jd{
		  width: 100%;float: left;height: 10rpx;border-radius: 10rpx;margin-top: 3rpx;
	  }
	  .bf{
		  float: left;width: 40rpx;margin-top: -90rpx;margin-left: 100rpx;
	  }
	  .bf_num{
		  width: 133rpx;height: 40rpx;text-align: center;position: absolute;margin-top: 110rpx;background: black;margin-left: 108rpx;opacity: 0.8;color: white;font-size: 20rpx;text-align: center;line-height: 40rpx;
	  }
  }
  .k_info{
	  width: 57%;float: left;margin-left: 3%;
	  .k_info_t{
		  width: 100%;float: left;line-height: 40rpx;font-size: 25rpx;font-weight: bold;
	  }
	  .k_info_time{
		  width: 100%;float: left;line-height: 40rpx;font-size: 23rpx;
	  }
	  .over{
		  width: 80rpx;background: #3A7473;color: white;text-align: center;float: right;border-radius: 10rpx;font-size: 20rpx;
	  }
	  .tbt{
		  width: 100%;float: left;line-height: 40rpx;font-size: 23rpx;
	  }
  }

 }
 .msg_ing{
	 font-size: 22rpx;float: right;background: #CCDCE4;margin-right: -10rpx;padding-left: 20rpx;padding-right: 20rpx;border-top-right-radius: 20rpx;border-bottom-left-radius: 20rpx;
 }
 .p_detail_item{
	 width: 90%;float: left;margin-left: 5%;height: auto;background:linear-gradient(to bottom, #D6E6FE,#FEFEFE); ;border-radius: 20rpx;border: white 3rpx solid;margin-top: 20rpx;
	 .title{
		 width: 75%;float: left;line-height:60rpx;margin-top: 25rpx;margin-left: 5%;font-size: 35rpx;font-weight: bold;
	 }
	 .status{
		 width: 20%;float: left;height: 120rpx;
	 }
	 .m{
		 width: 100%;float: left;height:auto; margin-top: -20rpx;
		 .type{
			 width: auto;line-height: 40rpx;background: #418BFF;border-radius: 10rpx;padding-left: 10rpx;padding-right: 10rpx;float: left;margin-left: 5%;font-size: 22rpx;color: white;
		 }
		 .lev{
			 width: auto;line-height: 37rpx;border:2rpx solid #418BFF;color:#418BFF;border-radius: 10rpx;padding-left: 5rpx;padding-right: 10rpx;float: left;margin-left: 2%;font-size: 22rpx;
		 }
		 .lev1{
			width: auto;line-height: 37rpx;border:2rpx solid #FA7118;color:#FA7118;border-radius: 10rpx;padding-left: 5rpx;padding-right: 10rpx;float: left;margin-left: 2%;font-size: 22rpx; 
		 }
		 .lev2{
			 width: auto;line-height: 37rpx;border:2rpx solid red;color:red;border-radius: 10rpx;padding-left: 5rpx;padding-right: 10rpx;float: left;margin-left: 2%;font-size: 22rpx;
		 }
	 }
	 .del{
		 border-top: 3rpx #C6C6C6 dotted;
		 width: 90%;float: left;margin-left: 5%;margin-top: 20rpx;
		 .lab{
			 width: auto;line-height: 40rpx;background: #FDEDE4; color: #FA7118;float: left;margin-top: 10rpx;padding-left: 10rpx;padding-right: 10rpx;border-radius: 10rpx;margin-right: 10rpx;font-size: 24rpx;
		 }
	 }
	 .ck{
		 width: 90%;float: left;margin-left: 5%;height: 60rpx;margin-top: 15rpx;font-size: 26rpx;
	 }
 }